<template>
    <div class="container">
       <div class="records">
          <div style="border: 1px solid #eee"></div>
          <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="date" label="日期"> </el-table-column>
            <el-table-column prop="name" label="作品名称"> </el-table-column>
            <el-table-column prop="projectID" label="作品编号"> </el-table-column>
            <el-table-column prop="status" label="交易状态"> </el-table-column>
          </el-table>
        </div>
    </div>

</template>
<script>

export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "1",
          projectID: "5555555555",
          status: "出售",
        },
        {
          date: "2018-03-12",
          name: "2",
          projectID: "4555555555",
          status: "购入",
        },
      ],
    };
  }
}
</script>

<style scoped>
.container{
    background: rgba(245,245,245,1);
}
.records{
  margin: 10px 30px 60px 30px;
}
</style>